<template>
  <div>
    <el-table :data="list" highlight-current-row stripe header-row-class-name="table-header">
      <el-table-column label="处理附件">
        <template slot-scope="scope">
          <div>
            <el-image
              v-for="(item) in scope.row.attachments"
              :key="item.id"
              class="attachment-image"
              :src="host + item.url"
              :preview-src-list="[scope.row.attachments.map(i=> host + i.url)]"
            />
          </div>
        </template>
      </el-table-column>
      <el-table-column label="处理说明">
        <template slot-scope="scope">{{ scope.row.explain }}</template>
      </el-table-column>
      <el-table-column label="处理时间">
        <template slot-scope="scope">{{ scope.row.createTime }}</template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default: []
    }
  },
  data() {
    return {
      host: process.env.VUE_APP_BASE_API,
      info: { id: null, title: null, linearId: null, linearName: null, taskName: null, createTime: null, assistanceUnit: [], point: null, name: null, phone: null, status: null, longitude: null, latitude: null, eventDesc: null, extensionTime: null, rpunitId: null, souce: null, taskId: null }
    }
  }
}
</script>

<style>

</style>
